﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{site.seo_title}</title>
    <meta name="keywords" content="{site.seo_keyword}" />
    <meta name="description" content="{site.seo_description}" />
    <link href="<%templateskin%>/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="<%templateskin%>/css/css.css" rel="stylesheet" type="text/css">
    <link href="<%templateskin%>/css/Animation.css" rel="stylesheet" type="text/css">
    <link href="<%templateskin%>/css/slider.css" rel="stylesheet" type="text/css">
    <script src="<%templateskin%>/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/common.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/slider.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/html5.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/jquery.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="<%templateskin%>/js/wow.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: false,
            live: true
        });
        wow.init();
            /***放大镜***/
    </script>
</head>

<body id="index">
    <!--页面头部-->
    <%template src="_header.html"%>
    <!--/页面头部-->
    <!--Banner-->
    <!--广告-->
    <div class="banner">
        <div class="container relative hidden-sm clearfix">
            <div class="banner_list_style clearfix relative">
                <div class="hd"><ul></ul></div>
                <div class="bd">
                    <ul>
                        <li>
                            <div class="ban1Line wow fadeInLeft">
                                <div class="ban1Line1 ban"><img src="<%templateskin%>/images/banner_07.png"></div>
                                <div class="ban1Line2 ban"><img src="<%templateskin%>/images/banner_10.png"></div>
                                <div class="ban1Line3 ban"><img src="<%templateskin%>/images/banner_15.png"></div>
                                <div class="ban1Line4 ban"><img src="<%templateskin%>/images/banner_18.png"></div>
                                <div class="ban1Line5 ban"><img src="<%templateskin%>/images/banner_03.png"></div>
                            </div>
                            <div class="ban1Line_right  wow fadeInRight">
                                <div class="ban1Line_title">
                                    <h2>我们立志于</h2>
                                    <h3 class="explain_name">
                                        <script>
                                            var s = '为中小宽带运营商提供从机房建设到市场运营的一揽子解决方案。';
                                            var con = $('.explain_name');
                                            var index = 0;
                                            var length = s.length;
                                            var tId = null; function start() { con.text(''); tId = setInterval(function () { con.append(s.charAt(index)); if (index++ === length) { clearInterval(tId); index = 0; start() } }, 200); } start();
                                        </script>
                                    </h3>
                                </div>
                                <div class="title_name">我们不断的超越，不断发展</div>
                                <a href="#" class="more_btn"></a>
                            </div>
                        </li>
                        <%set DataTable banersList = get_article_list("banners",0,8,"status=0");%>
                        <%foreach(DataRow dr in banersList.Rows)%>
                        <li>
                            <div class="ban1Line_style wow fadeInLeft">
                                <img src="{dr[img_url]}">
                            </div>
                            <div class="ban1Line_right wow fadeInRight">
                                <div class="ban1Line_title">
                                    <h2>{dr[title]}</h2>
                                    <!--<h3 class="clients "><b class="color2">{dr[tags]}</b>家</h3>-->
                                </div>
                                <div class="title_name">{dr[content]}</div>
                                <a href="#" class="more_btn"></a>
                            </div>
                        </li>
                        <%/foreach%>
                    </ul>
                </div>
            </div>
            <script>jQuery(".banner_list_style").slide({ mainCell: ".bd ul", titCell: '.hd ul', autoPlay: true, autoPage: true, interTime: 5000, easing: "easeOutCirc", delayTime: 1000, });</script>
        </div>

        <div class="sky">
            <div class="clouds_one"></div>
            <div class="clouds_two"></div>
            <div class="clouds_three"></div>
        </div>
    </div>
    <!--/Banner-->
    <!--宣传视频-->
    <!--<div class="video_style">
        <div class="container relative">
            <div class="title_name">
                <div class="name fl"><h2>宣传<b class="color1">视频</b></h2><h4>PROMOTE VIDEO</h4></div>
                <div class="fr line_style"><h5>THROUGH THE VIDEO YOU CAN BETTER UNDERSTAND OUR COMPANY AND PRODUCT INFORMATION</h5></div>
            </div>
        </div>
        <div class="video_stylebg">
            <div class="vodeo_tv bd">
                <ul>
                    <li class="vodeockolayer"></li>
                    <li class="vodeockolayer"></li>
                    <li class="vodeockolayer"></li>
                </ul>
            </div>
            <div class="hd container">
                <ul class="clearfix">
                    <li><em class="tuicon"></em>tv系统宣传视频</li>
                    <li><em class="tuicon"></em>公司宣传视频</li>
                    <li><em class="tuicon"></em>教程视频</li>
                </ul>
            </div>
        </div>
        <script>jQuery(".video_stylebg").slide({ mainCell: ".bd ul", trigger: "click", easing: "easeOutCirc" });</script>
    </div>-->
    <!--产品-->
    <div class="product_style">
        <div class="container">
            <div class="title_name">
                <h2>产品与服务</h2>
                <h5 class="line-height26">
                    <%set DataTable newsCList=get_category_child_list("product",0)%>
                    <%foreach(DataRow dr in newsCList.Rows)%>
                   {dr[content]}
                    <%/foreach%>
                </h5>
            </div>
        </div>
        <div class="product_list">
            <div class="product_bg home">
                <div class="parallax-bg" id="slider-wrap">
                    <div class="slider parallax-bg" id="slider">
                        <div class="slider-sections sandbox">
                            <%set DataTable products = get_article_list("product",0,5,"status=0");%>
                            <%foreach(DataRow dr in products.Rows)%>

                            <section class="first">
                                <img alt="Kendo UI" src="{dr[img_url]}" />
                                <div class="text">
                                    <h2 class="center">
                                        <span class="english_name mb10">软件名称 {dr[tags]}</span>
                                        <b class="color2">软件名称</b>{dr[title]}
                                        <span class="description mt10">{dr[seo_description]}</span>
                                    </h2> <p class="copy_content">
                                       {dr[zhaiyao]}
                                    </p>
                                    <p class="button">
                                        <a href="#" onclick="" class="detailed_btn"></a>
                                    </p>
                                </div>
                            </section>

                            <%/foreach%>

                        </div>
                    </div>
                    <a class="slider-prev" href="javascript: void(0)">?</a>
                    <a class="slider-next" href="javascript: void(0)">?</a>
                </div>
            </div>
        </div>
        <!--优势说明-->
        <div class="benefits_style container">
            <ul class="benefits_list">
                <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                    <a href="#">
                        <div class="benefits_img"><div class="icon_xt icon"></div></div>
                        <h3>一体化系统设计</h3>
                        <div class="explanation color3">电脑手机登录两不误，实时进行操作。</div>
                        <div class="operating_btn">了解详细</div>
                    </a>
                </li>
                <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                    <a href="#">
                        <div class="benefits_img"><div class="icon_cz icon"></div></div>
                        <h3>操作便捷</h3>
                        <div class="explanation color3">系统优化，操作更加便捷，快速上手</div>
                        <div class="operating_btn">了解详细</div>
                    </a>
                </li>
                <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                    <a href="#">
                        <div class="benefits_img"><div class="icon_dm icon"></div></div>
                        <h3>代码产权</h3>
                        <div class="explanation color3">公司拥有独立知识产权的核心产品，安全放心</div>
                        <div class="operating_btn">了解详细</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--方案-->
    <div class="program_style relative">
        <div class="container relative index2">
            <div class="title_name">
                <h2>解决方案</h2><h4>
    <%set DataTable solutionCList=get_category_child_list("solution",0)%>
    <%foreach(DataRow dr in solutionCList.Rows)%>
    {dr[seo_description]}
    <%/foreach%>
</h4>
            </div>
            <div class="index_Program_list clearfix">
                <ul>
                    <%set DataTable solutions = get_article_list("solution",0,5,"status=0");%>
                    <%foreach(DataRow dr in solutions.Rows)%>
                    <li class="Program_name col-xs-12 col-sm-3 col-md-3 fadeInUp animated relative">
                        <a href="#" class="link_name relative">
                            <div class="Program_icon"><em class="icon_program1"></em></div>
                            <img src="{dr[img_url]}" alt="">
                            <div class="Program_title"><h2>{dr[title]}</h2><h5>{dr[zhaiyao]}</h5></div>
                        </a>
                    </li>
                    <%/foreach%>
                </ul>
            </div>
            <div class="explain_name">
                <%foreach(DataRow dr in solutionCList.Rows)%>
                {dr[content]}
                <%/foreach%>
                <a href="#" class="Program_btn">更多解决方案</a>
            </div>
        </div>
        <div class="Program_bgq1"></div>
        <!--波浪效果-->
        <div class="waveWrapper waveAnimation">
            <div class="waveWrapperInner bgTop">
                <div class="wave waveTop" style="background-image: url('../../templates/main/images/wave-top.png')"></div>
            </div>
            <div class="waveWrapperInner bgMiddle">
                <div class="wave waveMiddle" style="background-image: url('../../templates/main/images/wave-mid.png')"></div>
            </div>
            <div class="waveWrapperInner bgBottom">
                <div class="wave waveBottom" style="background-image: url('../../templates/main/images/wave-bot.png')"></div>
            </div>
        </div>
    </div>
    <!--案例显示-->
    <div class="user_casestyle mb30">
        <div class="container">
            <div class="title_name center">
                <%set DataTable cases=get_category_child_list("case",0)%>
                <%foreach(DataRow dr in cases.Rows)%>

                <h2><b class="color1">{dr[seo_description]}</b></h2><h5>
                    {dr[content]}
                </h5>
                <%/foreach%>
            </div>
            <!--列表样式-->
            <div class="case_list relative">
                <div></div>
                <div class="hd"><a class="next"></a><a class="prev"></a></div>
                <div class="bd">
                    <ul class="picList clearfix">
                        <%set DataTable caseList = get_article_list("solution",0,5,"status=0");%>
                        <%foreach(DataRow dr in caseList.Rows)%>
                        <li class="case_name  fadeInUp animated relative"><a href="#"><img src="{dr[img_url]}" alt=""><p class="title_name">{dr[title]}</p></a></li>
                        <%/foreach%>
                    </ul>
                </div>
            </div>
            <script>jQuery(".case_list").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "leftLoop", autoPlay: true, scroll: 4, vis: 4, delayTime: 1000 });</script>
            <a href="#" class="case_mores">更多案例</a>
        </div>
    </div>
    <!--联系方式-->
    <div class="contact_phone">
        <div class="container">
            <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
                <div class="phone_info"><em class="tel_icon fl"><img src="<%templateskin%>/images/phone_img_06.png"></em><h3>服务咨询热线</h3><h2>0536-11111111</h2></div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
                <div class="phone_info"><em class="phone_icon fl"><img src="<%templateskin%>/images/phone_img_07.png"></em><h3>移动服务热线:</h3><h2>137911111111<span>（徐）</span></h2></div>
            </div>
        </div>
    </div>
    <!--留言链接-->
    <!--页面底部-->
    <%template src="_footer.html"%>
    <!--/页面底部-->
</body>
</html>